<style>
	img{width:500px;height:500px;border:1px solid red;}
	area{border:1px solid green;background:greenyellow}
	iframe{width:400px;height:500px;}
</style>
<img src="case/images/logo.png" usemap="#planetmap" alt="Planets">

<map name="planetmap" id="planetmap">
	<area shape="circle" coords="400,100,100" href ="http://www.baidu.com" alt="Venus" target="testIframe">
	<area shape="circle" coords="250,250,80" href ="http://wa.ebangon.com" alt="Mercury" target="testIframe">
	<area shape="rect" coords="0,0,150,150" href ="http://www.ebangon.com" alt="Sun" target="testIframe">
</map>

<iframe name="testIframe"></iframe>